<template>
    <view class="smart-page">
        <!--页面标题头begin-->
        <view class="smart-page-head">
            <view class="smart-page-head-title">image图片</view>
        </view>
        <!--页面标题头end-->
        <view>
            <view>本地图片</view>
            <view class="img-box">
                <image src="/static/logo.png" class="img"></image>
            </view>
        </view>
        <view>
            <view>网络图片</view>
            <view class="img-box">
                <image src="https://ts4.tc.mm.bing.net/th/id/OIP-C.uPlLoupAd3Dws3KQWCRhXAHaHa?w=250&h=250&c=8&rs=1&qlt=90&o=6&dpr=1.5&pid=3.1&rm=2" class="img"></image>
            </view>
        </view>
    </view>
</template>
<script>
	export default {
		data() {
			return {
				
			}
		},
		methods: {
			
		}
	}
</script>

<style>
	.smart-page-head-title{
		    font-size: 48rpx;
		    color: #c0bab7;
		    opacity: 1;
		    /* 新增代码 */
		    text-align: center; /* 水平居中显示 */
		    text-decoration: underline; /* 添加下划线 */
			}
	.img-box {
		text-align: center;
	}

	.img {
		width: 300upx;
		height: 300upx;
	}
</style>